layui.use(['form', 'upload'], function() {
    var form = layui.form
        , upload = layui.upload
        , $ = layui.$;
    //自定义验证规则
    form.verify({
        realName:(value) =>{
            if(value.length > 10 || value.length < 2){
                return '请输入正确的姓名';
            }
        },
        id: (value) =>{
            if(!/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/.test(value)){
                return '请输入正确的身份证号';
            }
        }
    });
    var headImg;
    //普通图片上传
    var uploadInst = upload.render({
        elem: '#upImg'
        ,url: '/Class/user/upImg' //改成您自己的上传接口
        // ,accept: 'images' //允许上传的文件类型
        ,size: 100 //最大允许上传的文件大小,单位kb
        ,before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                document.getElementById("headImgUp").style.display = 'block';
                $('#headImgUp').attr('src', result); //图片链接（base64）
            });
        }
        ,done: function(res){
            //如果上传失败
            if(res.code != 0){
                return layer.msg('上传失败');
            }else {
                layer.msg('上传成功');
                $("#headImg").val(res.msg);
                headImg = res.data[0]; //头像路径
            }
            //上传成功的一些操作
            $('#demoText').html(''); //置空上传失败的状态
        }
        ,error: function(){
            //演示失败状态，并实现重传
            let demoText = $('#demoText');
            demoText.html('<span style="color: #ff5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
                uploadInst.upload();
            });
        }
    });
    //数据填充
    var user = sessionStorage.getItem('user');
    if(user){
        let d = JSON.parse(user);
        form.val('userInfo', {
            'id': d.id,
            'username': d.username,
            'realName': d.realName,
            'idNumber': d.idNumber,
        })
        if(d.head){ //头像不为空， 显示预览头像
            document.getElementById('headImgUp').style.display = 'block'; //头像显示
            let strs = d.head.split('\\');
            $('#headImg').val(strs[strs.length - 1])
            $('#headImgUp').attr('src', d.head);
        }
    }
    //新增班级提交表单
    form.on('submit(submit)', function(data){
        data.field.head = headImg;
        $.ajax({
            url: '/Class/user/editInfo',
            type: 'post',
            dataType: 'json',
            data: data.field,
            success: (res) =>{
                if(res.code == 0){
                    sessionStorage.setItem('user', JSON.stringify(res.data[0]));
                    layer.msg(res.msg + "<br>将在3秒后自动关闭", {time: 3000});
                    setTimeout(() => {
                        let index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                        // window.parent.location.reload();//新增成功后刷新父界面
                        window.parent.parent.location.reload(); //刷新首页
                    }, 3000)
                }else {
                    layer.msg(res.msg);
                }
            }
        })
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
})